<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="themes/zch/commons/header::head('项目申报')"></head>

<body class="no-trans fixed-header-on">

<div th:replace="themes/zch/commons/public::top"></div>
<header th:replace="themes/zch/commons/public::header"></header>

<div th:replace="themes/zch/commons/public::carousel(${carousels})"></div>

<!-- section start -->
<section class="section transprant-bg pclear secPadding">
    <div class="container">
        <h1 id="services" class="title text-center">申报资讯</h1>
        <div class="space"></div>
        <div class="row">
            <div class="col-md-3" th:each="news, newsStat: ${newsList}">
                <div class="information">
                    <div class="title">
                        <i class="fa fa-trophy"></i><span th:text="${news.title}"></span>
                    </div>
                    <div>
                        <a class="summary" th:text="${news.summary}" th:href=" '/application/information/' + ${news.id}">
                        </a>
                        <div class="sign" th:text="${news.orgDept}">
                        </div>
                        <div class="time" th:text="${news.publishDate} ? ${#dates.format(news.publishDate,'yyyy-MM-dd')}">
                        </div>

                        <a class="more" th:href=" '/application/information/' + ${news.id}">
                            了解详情 >
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="text-center">
            <a class="information-more" href=" /application/information" >
               查看更多 >>
            </a>
        </div>
    </div>
</section>
<!-- section end -->

<!-- section start -->
<section class="section1">
    <div class="container">
        <h1 id="services" class="title text-center">相关单位</h1>
        <div class="space"></div>
        <div class="row">
            <div class="col-md-3">
                <div style="border: 1px solid #f1f1f1; padding: 10px;">
                    <div style="background: url('http://qiniu.govmoney.cn/z1.png');    height: 400px; color: #ffffff; font-size: 18px; text-align: center; line-height: 400px; ">
                        <a style="color: #ffffff;" href="http://www.szsti.gov.cn">深圳市科技创新委员会</a>
                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div style="border: 1px solid #f1f1f1; padding: 10px;">
                    <div style="background: url('http://qiniu.govmoney.cn/z3.png');    height: 400px; color: #ffffff; font-size: 18px; text-align: center; line-height: 400px; ">
                        <a style="color: #ffffff;" href="http://www.szjmxxw.gov.cn">深圳市经济贸易和信息化委员会</a>
                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div style="border: 1px solid #f1f1f1; padding: 10px;">
                    <div style="background: url('http://qiniu.govmoney.cn/z4.png');    height: 400px; color: #ffffff; font-size: 18px; text-align: center; line-height: 400px; ">
                        <a style="color: #ffffff;" href="http://www.szpb.gov.cn">深圳市发展和改革委员会</a>
                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div style="border: 1px solid #f1f1f1; padding: 10px;">
                    <div style="background: url('http://qiniu.govmoney.cn/z2.png');    height: 400px; color: #ffffff; font-size: 18px; text-align: center; line-height: 400px; ">
                        <a style="color: #ffffff;" href="http://www.sztax.gov.cn">深圳市税务局</a>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
<!-- section end -->


<!-- section start -->
<section class="section transprant-bg pclear secPadding">
    <div class="container">
        <h1 id="services" class="title text-center">深圳部委资助项目</h1>
        <div class="space"></div>
        <div class="row">
            <div class="col-md-4">
                <div class="media block-list">
                    <div class="media-left">
                        <i class="fa fa-trophy"></i>
                    </div>
                    <div class="media-body">
                        <h3 class="media-heading">深圳市人力资源和社会保障局</h3>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="media block-list">
                    <div class="media-left">
                        <i class="fa fa-gear"></i>
                    </div>
                    <div class="media-body">
                        <h3 class="media-heading">深圳市科技创新委员会</h3>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="media block-list">
                    <div class="media-left">
                        <i class="fa fa-laptop"></i>
                    </div>
                    <div class="media-body">
                        <h3 class="media-heading">深圳市经济贸易和信息化委员会</h3>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="media block-list">
                    <div class="media-left">
                        <i class="fa fa-clock-o"></i>
                    </div>
                    <div class="media-body">
                        <h3 class="media-heading">深圳市发展和改革委员会</h3>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="media block-list">
                    <div class="media-left">
                        <i class="fa fa-heart"></i>
                    </div>
                    <div class="media-body">
                        <h3 class="media-heading">深圳市中小企业服务署</h3>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="media block-list">
                    <div class="media-left">
                        <i class="fa fa-magic"></i>
                    </div>
                    <div class="media-body">
                        <h3 class="media-heading">深圳市软件行业协会</h3>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="media block-list">
                    <div class="media-left">
                        <i class="fa fa-clock-o"></i>
                    </div>
                    <div class="media-body">
                        <h3 class="media-heading">广州政府补贴</h3>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="media block-list">
                    <div class="media-left">
                        <i class="fa fa-heart"></i>
                    </div>
                    <div class="media-body">
                        <h3 class="media-heading">深圳市政府各部门各区政府网站</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- section end -->


<!-- 深圳区补贴项目 start -->
<section class="section secPadding">
    <div class="container">
        <h1 class="text-center title" id="portfolio">深圳区补贴项目</h1>
        <div class="separator"></div>
        <!--
        <p class="lead text-center">我们公司的合作伙伴，遍布全中国，覆盖各种类型的企业.</p>
        -->
        <br/>
        <div class="row">
            <div class="col-md-12">
                <div class="filters text-center">
                    <ul class="nav nav-pills">
                        <li class="active"><a href="#" data-filter="*">所有</a></li>
                        <li><a href="javascript:void(0)" data-filter=".LONGHUA">龙华区补贴项目</a></li>
                        <li><a href="javascript:void(0)" data-filter=".BAOAN">宝安区补贴项目</a></li>
                        <li><a href="javascript:void(0)" data-filter=".NANSHAN">南山区补贴项目</a></li>
                        <li><a href="javascript:void(0)" data-filter=".FUTIAN">福田区补贴项目</a></li>
                        <li><a href="javascript:void(0)" data-filter=".LUOHU">罗湖区补贴项目</a></li>
                        <li><a href="javascript:void(0)" data-filter=".LONGGANG">龙岗区补贴项目</a></li>
                        <li><a href="javascript:void(0)" data-filter=".GUANGMING">光明新区补贴项目</a></li>
                    </ul>
                </div>

                <div th:replace="themes/zch/commons/public::success(${projects})"></div>

            </div>
        </div>
    </div>
</section>
<!-- 深圳区补贴项目 end -->

<!-- section start
<section class="section clearfix secPadding">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1 id="about" class="title text-center">
                    3A企业信用评级
                </h1>
                <p class="lead text-center">我们有以专业的服务能力，真诚的服务理念，倾力打造的职业化的管理咨询团队。</p>
                <div class="space"></div>
                <div class="row">
                    <div class="col-md-6">
                        <img src="http://qiniu.govmoney.cn/credit.jpg" alt=""/>
                        <div class="space"></div>
                    </div>
                    <div class="col-md-6">
                        <p>一流服务、效率至上、开拓创新、共同发展是中楚鸿团队矢志不渝的追求。</p>
                        <p>以快速高效的团队协作，长期优质的客户服务，致力于成为中国最领先的管理咨询集团。</p>
                        <ul class="list-unstyled">
                            <li>
                                <i class="fa fa-arrow-circle-right pr-10 colored"></i> 以诚相待，超越客户的需求;
                            </li>
                            <li>
                                <i class="fa fa-arrow-circle-right pr-10 colored"></i> 全心服务，为客户提供更多;
                            </li>
                            <li>
                                <i class="fa fa-arrow-circle-right pr-10 colored"></i> 回馈客户，从我做起，心中有情，客户有心;
                            </li>
                            <li>
                                <i class="fa fa-arrow-circle-right pr-10 colored"></i> 快乐工作，心中有梦，齐心协力，共创未来;
                            </li>
                            <li>
                                <i class="fa fa-arrow-circle-right pr-10 colored"></i> 忠诚合作、积极乐观、努力开拓、勇往直前;
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="space"></div>
                <!--
                <h2>Amazing free bootstrap template</h2>
                <div class="row">
                    <div class="col-md-6">
                        <p>Lorem ipsum dolor sit amet, adipisicing sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium,
                            ut unde error commodi architecto, laudantium culpa optio corporis quod earumdignissimos eius mollitia et quas officia
                            doloremque.
                        </p>
                        <ul class="list-unstyled">
                            <li>
                                <i class="fa fa-arrow-circle-right pr-10 colored"></i> Lorem ipsum enimdolor sit amet</li>
                            <li>
                                <i class="fa fa-arrow-circle-right pr-10 colored"></i> Explicabo deleniti neque aliquid</li>
                            <li>
                                <i class="fa fa-arrow-circle-right pr-10 colored"></i> Consectetur adipisicing elit</li>
                            <li>
                                <i class="fa fa-arrow-circle-right pr-10 colored"></i> Lorem ipsum dolor sit amet</li>
                            <li>
                                <i class="fa fa-arrow-circle-right pr-10 colored"></i> Quo issimos molest quibusdam temporibus</li>
                        </ul>
                        <p>Dolores quam magnam aadipisicing sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde
                            molestias velit eveniet, facere autem saepe autrunt.</p>
                    </div>
                    <div class="col-md-6">
                        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingOne">
                                    <h4 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                            Collapsible Group Item #1
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                                    <div class="panel-body">
                                        Consectetur adipisicing sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt
                                        laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat ntium,
                                        ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earumdignissimos eius mollitia et quas officia
                                        doloremque ipsum labore rem deserunt.
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingTwo">
                                    <h4 class="panel-title">
                                        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                            Collapsible Group Item #2
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                                    <div class="panel-body">
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt
                                        laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat ntium,
                                        ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earumdignissimos eius mollitia et quas officia
                                        doloremque ipsum labore rem deserunt.
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingThree">
                                    <h4 class="panel-title">
                                        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                            Collapsible Group Item #3
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                                    <div class="panel-body">
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi adipisci illo, voluptatum ipsam fuga error commodi architecto,
                                        laudantium culpa tenetur at id, beatae placeat deserunt iure quas voluptas fugit eveniet.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            -->
            </div>
        </div>
    </div>
</section>
<!-- section end -->


<footer th:replace="themes/zch/commons/footer::footer"></footer>

</body>

</html>